<html>
    <head>
        <meta charset="utf-8">
        <link href="http://luozilin.gitee.io/amao//css//common.css" rel="stylesheet" type="text/css" media="all">
    </head>
    <body>
        <div class="my_head"></div>
        <div style="margin-top: 80px; width:100%; display:inline-block; text-align:center">
            <a class="head_main" href="#">MAIN</a>
            <div style="margin-top: 30px;">
                <span>
                    <a class="head_a" href="http://luozilin.gitee.io/amao//garments.html">Garments</a>
                    <a class="head_a" href="http://luozilin.gitee.io/amao//project.html">Project</a>
                    <a class="head_a" href="http://luozilin.gitee.io/amao//contact.html">Contacts</a>
                </span>
            </div>
            <div style="margin-top: 20px;">
                <div style="display: block; margin-bottom: 15px;">
                    <div style="padding-left: 15px;padding-right: 10px;display: inline;">
                        <a href="http://luozilin.gitee.io/amao//shop.html"><img id = "img1", onmouseover="over(this)" onmouseout="out(this)" width="30%" src="http://luozilin.gitee.io/amao//img//1.jpg"  /></a>
                    </div>
                    <div style="padding-left: 15px;padding-right: 10px;display: inline;">
                        <a href="http://luozilin.gitee.io/amao//shop.html"><img id = "img2", onmouseover="over(this)" onmouseout="out(this)" width="30%" src="http://luozilin.gitee.io/amao//img//1.jpg" /></a>
                    </div>
                </div>
                <div style="display: block; margin-bottom: 15px;">
                    <div style="padding-left: 15px;padding-right: 10px;display: inline;">
                        <a href="http://luozilin.gitee.io/amao//shop.html"><img id = "img3", onmouseover="over(this)" onmouseout="out(this)" width="30%" src="http://luozilin.gitee.io/amao//img//1.jpg" /></a>
                    </div>
                    <div style="padding-left: 15px;padding-right: 10px;display: inline;">
                        <a href="http://luozilin.gitee.io/amao//shop.html"><img id = "img4", onmouseover="over(this)" onmouseout="out(this)" width="30%" src="http://luozilin.gitee.io/amao//img//1.jpg" /></a>
                    </div>
                </div>
                <div style="display: block; margin-bottom: 15px;">
                    <div style="padding-left: 15px;padding-right: 10px;display: inline;">
                        <a href="http://luozilin.gitee.io/amao//shop.html"><img id = "img5", onmouseover="over(this)" onmouseout="out(this)" width="30%" src="http://luozilin.gitee.io/amao//img//1.jpg" /></a>
                    </div>
                    <div style="padding-left: 15px;padding-right: 10px;display: inline;">
                        <a href="http://luozilin.gitee.io/amao//shop.html"><img id = "img6", onmouseover="over(this)" onmouseout="out(this)" width="30%" src="http://luozilin.gitee.io/amao//img//1.jpg" /></a>
                    </div>
                </div>
            </div>
        </div>
        
    </body>
    <script>
            function over(e){
                 Ele = document.getElementById(e.getAttribute('id'));
                 Ele.setAttribute('src', "http://luozilin.gitee.io/amao//img//2.jpg")
                }
 
            function out(e){
                 Ele = document.getElementById(e.getAttribute('id'));
                 Ele.setAttribute('src', "http://luozilin.gitee.io/amao//img//1.jpg")
                }
    </script>
</html>